
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 	<title>美容抗衰（注射）中心体验打分表</title>
 	<link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
	<meta name="keywords" content="曙光,整形,整形美容,整形医院,广州整形医院,广州整形" />
	<meta name="description" content="广州曙光整形美容医院是广州地区值得信赖的丰胸整形美容医院，拥有百万整形美容成功案例，医院开展面部整形,胸部整形,眼部整形,鼻部整形,激光美容,嫩肤美容,祛斑美容等多种整形美容项目，是专业的丰胸整形美容医院，整形美容热线:020-62333333" />

	<!-- 引入 layui.css -->
	<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
	<!-- 引入 layui.js -->
	<script src="https://www.layuicdn.com/layui/layui.js"></script>
	<script type="text/javascript">
		(function (doc, win) {
		    var docEl = doc.documentElement,
		        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		        recalc = function () {
		            var clientWidth = docEl.clientWidth;
		            if (!clientWidth) return;
		            if(clientWidth>=640){
		                docEl.style.fontSize = '100px';
		            }else{
		                docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
		            }
		        };
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
</head>
<style type="text/css">
	body{margin:0 auto;max-width:680px;min-width:320px;background: #d0f4ff;}
	img{width: 100%}
	p.ft{font-size: 0.20rem;color: #666;padding: 2% 0;}
	form{width: 92.5%;margin: auto;}
	h1{font-size: 0.32rem;line-height: 2.4;font-weight: bold;color: #fff;background: #1647fb;text-align: center;}
	.text-left{text-align: left;}
	.pace-center{background: #d0f4ff;padding-bottom: 5%;}
	.layui-table{margin: 0;}
	.layui-table th,.layui-table td{text-align: center;font-size: 0.24rem;padding: 2% 0;overflow: hidden;}
	.layui-table th{font-weight: bold;color: #17316c}
	.layui-table td {line-height: 1.1;}
	.layui-form-radio{margin: 0;padding: 0;line-height: 1}
	.layui-form-radio>i{margin: 0;font-size: 30px;color: #fff}
	.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color: #1647fb}
	.layui-input:hover, .layui-textarea:hover{}
	.layui-input,.layui-textarea{height: 30px;border:none;}
	.layui-input-block {margin-left: 0}
	.layui-textarea{margin-top: 1%;padding: 10px 15px;resize: none;}
	.layui-textarea::placeholder {color: #17316c;font-weight: bold;}
	.layui-btn{border-radius: 50px;width: 60%;margin-left:20%;font-size: 20px;line-height: 1.8;height: auto;}

	.layui-form-radio i {
	  top: 0;
	  width: 18px;
	  height: 18px;
	  line-height: 18px;
	  font-size: 12px;
	  border-radius: 2px;
	  color: #fff !important;
	}
	.layui-form-radioed i {
	  position: relative;
	  width: 18px;
	  height: 18px;
	  border-style: solid;
	  background-color: #6A8BF5;
	  color: #6A8BF5 !important;
	}
	.layui-form-radioed i::after, .layui-form-radioed i::before {
	  content: "";
	  position: absolute;
	  top: 8px;
	  left: 5px;
	  display: block;
	  width: 12px;
	  height: 2px;
	  border-radius: 4px;
	  background-color: #fff;
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	.layui-form-radioed i::before {
	  position: absolute;
	  top: 10px;
	  left: 2px;
	  width: 7px;
	  transform: rotate(-135deg);
	}
	.header-userInfo{
		display: flex;
		padding: 0 15px;
		margin-bottom: 10px;
		font-size: 17px;
		font-weight: bold;
		color: blue;
	}
	.header-userInfo p{
		text-align: right;
    	margin-left: auto;
	}
</style>
<body>
<center>
<div class="pace-center">
	<img src="t.jpg">
	<div class="header-userInfo">
		
	</div>
	<form class="layui-form text-left layui-font-18"  accept-charset="UTF-8" id="form" >
		<h1>美容抗衰（注射）中心体验打分表</h1>
		<table class="layui-table">
			<thead>
				<tr>
					<th width="50%"></th>
					<th width="10%">1分</th>
					<th width="10%">2分</th>
					<th width="10%">3分</th>
					<th width="10%">4分</th>
					<th width="10%">5分</th>
				</tr>
				<tr>
					<td>发现诉求迹象</td>
					<td><input type="radio" name="form[R1]" value="1" title=""></td>
					<td><input type="radio" name="form[R1]" value="2" title=""></td>
					<td><input type="radio" name="form[R1]" value="3" title=""></td>
					<td><input type="radio" name="form[R1]" value="4" title=""></td>
					<td><input type="radio" name="form[R1]" value="5" title=""></td>
				</tr>
				<tr>
					<td>平台咨询客服</td>
					<td><input type="radio" name="form[R2]" value="1" title=""></td>
					<td><input type="radio" name="form[R2]" value="2" title=""></td>
					<td><input type="radio" name="form[R2]" value="3" title=""></td>
					<td><input type="radio" name="form[R2]" value="4" title=""></td>
					<td><input type="radio" name="form[R2]" value="5" title=""></td>
				</tr>
				<tr>
					<td>预约前台接待</td>
					<td><input type="radio" name="form[R3]" value="1" title=""></td>
					<td><input type="radio" name="form[R3]" value="2" title=""></td>
					<td><input type="radio" name="form[R3]" value="3" title=""></td>
					<td><input type="radio" name="form[R3]" value="4" title=""></td>
					<td><input type="radio" name="form[R3]" value="5" title=""></td>
				</tr>
				<tr>
					<td>美学顾问接待</td>
					<td><input type="radio" name="form[R4]" value="1" title=""></td>
					<td><input type="radio" name="form[R4]" value="2" title=""></td>
					<td><input type="radio" name="form[R4]" value="3" title=""></td>
					<td><input type="radio" name="form[R4]" value="4" title=""></td>
					<td><input type="radio" name="form[R4]" value="5" title=""></td>
				</tr>
				<tr>
					<td>专家面诊</td>
					<td><input type="radio" name="form[R5]" value="1" title=""></td>
					<td><input type="radio" name="form[R5]" value="2" title=""></td>
					<td><input type="radio" name="form[R5]" value="3" title=""></td>
					<td><input type="radio" name="form[R5]" value="4" title=""></td>
					<td><input type="radio" name="form[R5]" value="5" title=""></td>
				</tr>
				<tr>
					<td>治疗前准备</td>
					<td><input type="radio" name="form[R6]" value="1" title=""></td>
					<td><input type="radio" name="form[R6]" value="2" title=""></td>
					<td><input type="radio" name="form[R6]" value="3" title=""></td>
					<td><input type="radio" name="form[R6]" value="4" title=""></td>
					<td><input type="radio" name="form[R6]" value="5" title=""></td>
				</tr>
				<tr>
					<td>治疗中体验感</td>
					<td><input type="radio" name="form[R7]" value="1" title=""></td>
					<td><input type="radio" name="form[R7]" value="2" title=""></td>
					<td><input type="radio" name="form[R7]" value="3" title=""></td>
					<td><input type="radio" name="form[R7]" value="4" title=""></td>
					<td><input type="radio" name="form[R7]" value="5" title=""></td>
				</tr>
				<tr>
					<td>治疗后注意事项交代</td>
					<td><input type="radio" name="form[R8]" value="1" title=""></td>
					<td><input type="radio" name="form[R8]" value="2" title=""></td>
					<td><input type="radio" name="form[R8]" value="3" title=""></td>
					<td><input type="radio" name="form[R8]" value="4" title=""></td>
					<td><input type="radio" name="form[R8]" value="5" title=""></td>
				</tr>
				<tr>
					<td>术后回访（复诊）</td>
					<td><input type="radio" name="form[R9]" value="1" title=""></td>
					<td><input type="radio" name="form[R9]" value="2" title=""></td>
					<td><input type="radio" name="form[R9]" value="3" title=""></td>
					<td><input type="radio" name="form[R9]" value="4" title=""></td>
					<td><input type="radio" name="form[R9]" value="5" title=""></td>
				</tr>
			</thead>
		</table>
		<textarea name="form[J1]" id="Descirpt" placeholder="建议：" class="layui-textarea"></textarea>
	  	<input name="title[R1]" type="hidden" value="发现诉求迹象" />
		<input name="title[R2]" type="hidden" value="平台咨询客服" />
		<input name="title[R3]" type="hidden" value="预约前台接待" />
		<input name="title[R4]" type="hidden" value="美学顾问接待" />
		<input name="title[R5]" type="hidden" value="专家面诊" />
		<input name="title[R6]" type="hidden" value="治疗前准备" />
		<input name="title[R7]" type="hidden" value="治疗中体验感" />
		<input name="title[R8]" type="hidden" value="治疗后注意事项交代" />
		<input name="title[R9]" type="hidden" value="术后回访（复诊）" />

		<input name="title[J1]" type="hidden" value="建议" />
		<input name="xmtype" type="hidden" value="美容抗衰（注射）中心体验打分表">
		<input name="form_id" type="hidden" value="87" />
		<p class="ft">感谢您对我们的服务给予评分及宝贵建议，5分-非常满意，4分-很满意，3分-满意，2分-不满意，1分-很不满意</p>
	  	<span type="submit" id="btnClick" class="layui-btn layui-btn-danger layui-btn-fluid" lay-submit="" lay-filter="btn">提交</span>
	</form>
	
	<!-- <img src="ft.jpg"> -->
</div>
</center>
<script>
function request(paras){ 
	var url = location.href; 
	var paraString = url.substring(url.indexOf( "?" )+1,url.length).split( "&" ); 
	var paraObj = {} 
	for (i=0; j=paraString[i]; i++){ 
		paraObj[j.substring(0,j.indexOf( "=" )).toLowerCase()] = j.substring(j.indexOf( "=" )+1,j.length); 
	} 
	var returnValue = paraObj[paras.toLowerCase()]; 
	if ( typeof (returnValue)== "undefined" ){ 
		return  "" ; 
	} else { 
		return  returnValue; 
	} 
}

	 
var $ = layui.$;
$('.header-userInfo').html(`
	<span>${request('card_no')}</span>
	<p>${decodeURI(request('customer_name'),'utf-8')}</p>
`)

 
layui.use(['form'], function(){
	var form = layui.form
	,layer = layui.layer
	;

	$('#btnClick').on('click', function(){
		if ($('input[name="form[R1]"]:checked').val() && $('input[name="form[R2]"]:checked').val()  && $('input[name="form[R3]"]:checked').val() && $('input[name="form[R4]"]:checked').val() && $('input[name="form[R5]"]:checked').val() && $('input[name="form[R6]"]:checked').val() && $('input[name="form[R7]"]:checked').val() && $('input[name="form[R8]"]:checked').val() && $('input[name="form[R9]"]:checked').val()) {
			// $('#form').submit();
			
			 
			let items = []
			for(let i=1;i<10;i++){
				items.push(
					{
						score: Number($(`input[name="form[R${i}]"]:checked`).val())
					}
				)
			} 
			let jsonData = {
				hosId: 1,
				userId: request('userId'),
				managerId: request('managerId'),
				customerCrmId: request('customerCrmId'),
				card_no: request('card_no'),
				customer_name: decodeURI(request('customer_name'),'utf-8'),
				items: items,
				content: $('#Descirpt').val(), 
			}
			 
			$.ajax({
				url: 'http://wxwork.gzsg.cn/wxwork/feedback/evaluation',
				type: 'POST',
				async: false,
				data: JSON.stringify(jsonData),
				contentType: "application/json",
				dataType: 'json',
				success: function(res){
					console.log(res) 
					layer.msg(res.msg, {
						time: 1000,
					});	 
					if(res.code == 0){
						window.location.href = `./success.html?msg=${res.msg}`
						
					}
				}
			})

		}else{
			layer.msg('评分不能为空', {
				time: 1000,
			});
			return false;
		}
	})
	
	// form.on('submit(btn)', function(data){ 
		
		
		 
		 
	// });

});
</script>
</body>
</html>
